<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
		<meta charset="utf-8">
		<link rel="stylesheet" href="../lib/css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/base.css">
		<link rel="stylesheet" href="../css/waterBusinessperson.css">
	</head>
	<!-- 水站商铺信息页 -->
	<body>
		<!-- 表头 -->
		<div class="titleTea">
			<div class="shopT">
				
			</div>
		</div>
		<div class="container">
			<div class="shop">
				<!-- 店铺详情 -->
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					<!-- Indicators -->
					<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
					</ol>
					<!-- Wrapper for slides -->
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<a href="#">
								<img src="image/sy-banner.jpg" alt="...">
							</a>
						</div>
						<div class="item">
							<a href="#">
								<img src="image/banner2.jpg" alt="...">
							</a>
						</div>
					</div>
					<!-- Controls -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
				<div class="address"></div>
			</div>
			<div class="goodsContainer">
				<ul class="nav nav-tabs" role="tablist">
					
				</ul>
				<!-- 标签页如下面的容器 -->
				<div class="tab-content">
					<!-- 单页容器 -->
					<div role="tabpanel" class="tab-pane active" id="home">
						<!-- 商品 -->
						<a href="#">
							<div class="media">
								<div class="media-left">
									<img class="media-object" src="../image/绿茶.jpg" alt="...">
								</div>
								<div class="media-body">
									<h4 class="media-heading">高山绿茶</h4>
									<p>高山绿茶简介</p>
									<p class="price">￥500</p>
								</div>
							</div>
						</a>
					</div>
					<div role="tabpanel" class="tab-pane" id="profile">...</div>
					<div role="tabpanel" class="tab-pane" id="messages">...</div>
					<div role="tabpanel" class="tab-pane" id="settings">...</div>
				</div>
			</div>
		</div>
		<!-- 底部导航 -->
		<div class="teaNav container-fluid">
			<div class="row">
				<div class="home col-xs-4">
					<a href="../index.html"><span class="glyphicon glyphicon-home"></span><span>首页</span></a>
				</div>
				<div class="car col-xs-4">
					<a href="shop_car.html"><span class="glyphicon glyphicon-shopping-cart"></span>
					<span>购物车</span>
				</a>
			</div>
			<div class="myself col-xs-4">
				<a href="myself.html"><span class="glyphicon glyphicon-user"></span><span>我的</span></a>
			</div>
		</div>
	</div>
	<!-- <h3 data-seller-id=<%= shop.sing.seller_info.seller_id%>> -->
</body>
<script src="../lib/js/jquery.min.js"></script>
<script src="../lib/js/bootstrap.min.js"></script>
<script src="../lib/template/template-native.js"></script>
<script type="text" id="carouselLi">
<%for (var i = 0; i < cal.sing.seller_info.img.length; i++) {%>
<%if (i==0) {%>
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<%}else{%>
<li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
<%}%>
<%}%>
</script>
<script type="text" id="carouselImg">
<%for (var i = 0; i < cal.sing.seller_info.img.length; i++) {%>
<%if (i==0) {%>
<div class="item active">
	<img src="<%=cal.sing.seller_info.img[i]%>" alt="...">
</div>
<%} else{%>
<div class="item">
	<img src="<%=cal.sing.seller_info.img[i]%>" alt="...">
</div>
<%}%>
<%}%>
</script>
<script type="text" id="shopTitle">
	<a href="#" class="historyTS">
					<span class="glyphicon glyphicon-menu-left"></span>
	</a>
	<h3 data-seller-id=<%= shop.sing.seller_info.seller_id%>><%= shop.sing.seller_info.shop_title%></h3>
</script>
<script type="text" id="shops">
		<div class="text">
					<p><span class="glyphicon glyphicon-map-marker"></span><%= shop.sing.seller_info.shop_address%></p>
		</div>
</script>
<!--下面tab标签部分 -->
<script type="text" id="waterBusiness">
<ul class="nav nav-tabs" role="tablist">
	<% for(var i = 0 ; i < fenlei.length; i ++){ %>
		<% if(i== 0){ %>
			<li role="presentation" class="active">
					<a href=" #h<%= fenlei[i].seller_cat_id %>" aria-controls="h<%= fenlei[i].seller_cat_id %>" role="tab" data-toggle="tab"><%= fenlei[i].cat_name %></a>
			</li>
		<%} else {%>
			<li role="presentation">
					<a href="#h<%= fenlei[i].seller_cat_id %>" aria-controls="h<%= fenlei[i].seller_cat_id %>" role="tab" data-toggle="tab"><%= fenlei[i].cat_name %></a>
			</li>
		<%}}%>
</ul>
<div class="tab-content">
		<% for(var i = 0 ; i < fenlei.length; i ++){ %>
		<% if(i== 0){ %>
			<div role="tabpanel" class="tab-pane active" id="h<%= fenlei[i].seller_cat_id %>">
			<%} else {%>
				<div role="tabpanel" class="tab-pane" id="h<%= fenlei[i].seller_cat_id %>">
				<%}%>
				<% if(fenlei[i].seller_goods){ %>
					<% for(var h = 0 ; h < fenlei[i].seller_goods.length; h ++){ %>
						<a href="" class="goods" data-goods_id=<%= fenlei[i].seller_goods[h].goods_id%>>
							<div class="media">
								<div class="media-left">
									<img class="media-object" src="<%= fenlei[i].seller_goods[h].goods_img %>" alt="...">
								</div>
								<div class="media-body" style="padding-top:10px;">
										<h4 class="media-heading"><%= fenlei[i].seller_goods[h].goods_name %></h4>
										<p class="price" style="font-size:14px;">
												￥<%= fenlei[i].seller_goods[h].shop_price %>
										</p >
								</div>
						</div></a>
						<%}}%>
				</div>
				<%}%>
		</div>
		</script>
		<script type="text" id="seller_cate">
			<% for (var i = 0; i < shop.sing.seller_cate.length; i++) {%>
				<%if(i==0){%>
					<li role="presentation" class="active" data-seller_cat_id=<%= shop.sing.seller_cate[i].seller_cat_id%>><a href="#<%= shop.sing.seller_cate[i].seller_cat_id%>" aria-controls="set<%= shop.sing.seller_cate[i].seller_cat_id%>" role="tab" data-toggle="tab"><%= shop.sing.seller_cate[i].cat_name%></a></li>
				<%}else{%>
					<li role="presentation" data-seller_cat_id=<%= shop.sing.seller_cate[i].seller_cat_id%>><a href="#<%= shop.sing.seller_cate[i].seller_cat_id%>" aria-controls="settings" role="tab" data-toggle="tab"><%= shop.sing.seller_cate[i].cat_name%></a></li>
				<%}%>
				
			<%};%>
		</script>
		<!-- tab-container -->
		<script type="text" id="tabMain">
			<% for (var i = 0; i < shop.sing.seller_cate.length; i++) {%>
				<%if(i==0){%>
					<div role="tabpanel" class="tab-pane active" id="set<%= shop.sing.seller_cate[i].seller_cat_id%>">
							<%if (shop.sing.seller_cate[i].seller_goods==null) {%>
								<h3>
								敬请期待
								</h3>
							<%}else{%>
								<% for (var j = 0; j < shop.sing.seller_cate[i].seller_goods.length; j++) {%>
								<a href="#" data-goods_id=<%= shop.sing.seller_cate[i].seller_goods[j].goods_id%>  class="goods">
											<div class="media">
													<div class="media-left">
															<img class="media-object" src=<%= shop.sing.seller_cate[i].seller_goods[j].goods_img%>  alt="...">
													</div>
													<div class="media-body">
															<h4 class="media-heading"><%= shop.sing.seller_cate[i].seller_goods[j].goods_name%> </h4>
															<p><%= shop.sing.seller_cate[i].seller_goods[j].goods_brief%></p>
															<p class="price">￥<%= shop.sing.seller_cate[i].seller_goods[j].shop_price%></p>
													</div>
											</div>
									</a>
								<%}%>
							<%}%>
					</div>
				<%}else{%>
					<div role="tabpanel" class="tab-pane" id="set<%= shop.sing.seller_cate[i].seller_cat_id%>">
						<%if (shop.sing.seller_cate[i].seller_goods==null) {%>
								<h3>
								敬请期待
								</h3>
							<%}else{%>
								<% for (var j = 0; j < shop.sing.seller_cate[i].seller_goods.length; j++) {%>
								<a href="#" data-goods_id=<%= shop.sing.seller_cate[i].seller_goods[j].goods_id%>  class="goods">
											<div class="media">
													<div class="media-left">
															<img class="media-object" src=<%= shop.sing.seller_cate[i].seller_goods[j].goods_img%>  alt="...">
													</div>
													<div class="media-body">
															<h4 class="media-heading"><%= shop.sing.seller_cate[i].seller_goods[j].goods_name%> </h4>
															<p><%= shop.sing.seller_cate[i].seller_goods[j].goods_brief%></p>
															<p class="price">￥<%= shop.sing.seller_cate[i].seller_goods[j].shop_price%></p>
													</div>
											</div>
									</a>
								<%}%>
							<%}%>
					</div>
				<%}%>
			<%};%>
		</script>
		<script src="../script/waterBusinessperson.js"></script>
		<script src="../script/rem.js"></script>
	</html>